【css-01】IDE是什么?它和文本编辑器相比有什么优缺点?

小课堂【武汉第107期】

分享人：徐童

目录

1.背景介绍

2.知识剖析

3.常见问题

4.解决方案

5.编码实战

6.扩展思考

7.参考文献

8.更多讨论

1.背景介绍

在做web开发之前，我们要选择一个开发工具。开发工具中又分为IDE和文本编辑器两个派别。那么什么是IDE？它和文本编辑器相比有何优劣呢？

2.知识剖析

什么是IDE？
web开发有哪些常用的IDE？
有哪些常用的文本编辑器？
二者相比有何优劣？

IDE,Integrated Development Environment，集成开发环境。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。所有具备这一特性的软件或者软件套（组）都可以叫集成开发环境。例如Visual Studio系列,webstorm，vscode

有哪些常用的文本编辑器？ 很多文本编辑器都可以拿来做web开发。例如：notepad++，win自带记事本，editplus，Emacs，atom，VIM。
文本编辑

IDE和文本编辑器相比有何优劣？

IDE功能强大：自动帮你组织编译代码，有各种方便好用的调试器，集成了版本控制和协作工具，可以方便的生成各种代码的流程图和报表。 单单文本编辑器是组织不了一个大项目的。文本编辑器只负责读、写文件。

我们以webstorm举例。
1. 图片宽高提示。

2. 标签重构、文件重命名、 CSS 重构以及 JS 重构
    2.2 文件重命名
3. 对业界最新技术的支持
内置了对 SASS、NodeJS、CoffeeScript、Jade 的支持。内置Emmet. 后缀是.less/.scss/.sass 或者 .coffee的文件会询问是否自动编译。
4. 可自定义代码格式化规则

任何IDE的功能都比文本编辑器要多得多，不过它缺乏灵活性。启动慢，占内存多。 当做一些小项目，甚至只是写一个小demo的时候，使用IDE就太笨重了。

3.常见问题

如何选择适合自己的开发工具？

4.解决方案

对于web初学者来说，其实不用在开发工具上纠结。先拿来一个用了再说。 工具只是作为你实现东西的方式，跟最终的结果没有直接的关系。找到适合自己的工具才是最好的。

sublime较为轻量级，安装包也很小，插件众多，作为初入门足够使用。 webstorm拥有强大的功能，对js的开发有长足的支持，并且支持流行技术，支持各种主流插件，有完善的版本管理， 对多人协作很有用。并且这两者都支持一个插件emmet，对提高效率很有帮助。

5.编码实战

6.扩展思考

sublime有哪些好用的插件？

emmet，Sublime Prefixr，JS Format
SublimeLinter，Placeholders，GBK to UTF8，Git

7.参考文献

参考一：IDE还是编辑器？

参考二：为什么一些文本编辑器可以取代eclipse、myeclipse 等 IDE？如何用文本编辑器组织一个大项目呢？

参考三：WebStorm 有哪些过人之处？

8.更多讨论

为什么很多人认为编辑器比 IDE 更酷？

个人拙见，选择哪种工具，一是个人偏好。二是根据实际情况。哪种工具能更好的解决问题，就选用哪种。

感谢观看

BY : 徐童